ELEMENTS

Editing
  • account_tree
  • bug_report

<slot>

일반적으로 섀도우 트리(shadow tree)에서 사용되는 슬롯(slot)을 정의한다. 슬롯(slot)은 할당된 노드(node)를 나타내거나 콘텐츠를 나타낸다. 자바스크립트의 프로그래밍으로 실제로 노드(node)나 콘텐츠가 할당되어 화면에 표시된다. 일정한 형식의 콘텐츠를 자료로 사용하여 디자인된 <template> 요소 내의 <slot> 요소의 자리에 각각의 형식에 따른 데이터를 할당한다.

  • 콘텐츠 분류

  • 허용된 부모 요소 또는 위치

    PHRASING CONTENT

    구문 콘텐츠(phrasing-content)가 예상되는 위치

  • 콘텐츠 모델

  • 태그 생략

    시작 태그, 종료 태그 모두 작성

  • DOM Interface

    HTMLSlotElement

    [Exposed=Window]
    interface HTMLSlotElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      [CEReactions] attribute DOMString name;
      sequence<Node> assignedNodes(optional AssignedNodesOptions options = {});
      sequence<Element> assignedElements(optional AssignedNodesOptions options = {});
      undefined assign((Element or Text)... nodes);
    };
    
    dictionary AssignedNodesOptions {
      boolean flatten = false;
    };

구문

마크업 형식
<slot></slot>
Example

애트리뷰트

name navigable target names or keywords

요소를 식별할 수 있는 값을 지정한다.

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

HTML Standard
#the-slot-element

지원 웹브라우저